<template>
  <div class="pa-3">
    <v-row>
      <v-col v-for="item in works" :key="item._id" md=3>
        <wo-card :value="item" :link="link" :show="show"></wo-card>
      </v-col>
    </v-row>
  </div>
</template>

<script>
export default {

  components: {
    WoCard: () => import('@/components/WoCard'),
  },

  data() {
    return {
      show: true,
      link: '/documentary/'
    }
  },
  async asyncData({$axios}){
      const {data: works} = await $axios.$get('works', {
      params: {
        query: {"where":{"category": "记录片"}}
      }
    })
    return {
      works
    }
  },
 
}
</script>

<style></style>
